<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据单元</title>
</head>
    <body>
        <h1>个人信息</h1>
        <hr>
        <p>
            <!-- 输入框 -->
            姓名：<input type="text">
            性别：<select>
                <!-- 下拉框 默认选择为空 -->
                <option ></option>
                <option>男</option>
                <option>女</option>
            </select>
            <input type="button" value="查询">
        </p>
        <p>
            <!-- 行tr 列td -->
            <table border="1">
                <thead>
                    <tr>
                    <td rowspan="2">姓名</td><td rowspan="2">性别</td>
                    <!-- center居中 -->
                    <td rowspan="1" colspan="2"><center>籍贯</center></td>
                    <!-- 属性rowspan colspan 默认一行一列 -->
                    <td rowspan="2">爱好</td>
                    </tr>
                    <tr>
                        <td rowspan="2"><center>省份</center></td><td rowspan="2"><center>市</center></td>
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <td>张三</td><td>男</td>
                        <td>江西省</td><td>九江市</td>
                        <td>唱歌</td>
                    </tr>
                
                    <tr>
                        <td>李四</td><td>男</td>
                        <td>湖南省</td><td>长沙市</td>
                        <td>跳舞</td>
                    </tr>
                    <tr>
                        <td>王五</td><td>男</td>
                        <td>湖北省</td><td>武汉市</td>
                        <td>rap</td>
                    </tr>
                </tbody>
            </table>
        </p>
    </body>
</html>

<script type="text/javascript">
    //获得当前的时间对象的变量
    var dt = new Date();
    //获得当前时间的小时数
    var hour = dt.getHours();
    //根据时间设置提示
    var content="早上好！";
    if(hour>=5&&hour<=12)
        content="早上好！";
    else if(hour>12&&hour<=13)
             content="中午好！";
    else if(hour>13&&hour<=19)
             content="下午好！";
    else if(hour>19&&hour<=23)
            content="晚上好！";
    else if(hour>23&&hour<=5)
            content="注意休息！";
//弹窗显示提示语
    alert(content);
   



</script>